//点击事件，获取地址
function choose(){
    var item= document.querySelector('select').value
    getData(item);
}
// 声明一个函数，用来获取服务器的数据
function getData(index) {
    //获取后台数据的代码
    //dataUrl是服务器数据的所在地址
    var dataUrl = 'http://81.71.65.4:3008/cinema/list?cityName='+index;
    axios.get(dataUrl).then(function (result) {
        //我们要的电影雷暴数据就放在
        var list = result.data.data
        console.log(list)
        var listMain = ''
        for (var item in list) {
            var listTiem=list[item]
            listMain +=
                `<div class="main">
                    <div class="main1">
                        <p>${listTiem.name}</p>
                        <p><span> ¥${Math.trunc(listTiem.longitude)} </span><span>元起</span></p>
                    </div>
                    <div class="main2">
                        <p>${listTiem.address}</p>
                        <p>${Math.trunc( listTiem.distance*100)}m</p>
                    </div>
                    <div class="main3">
                        <p class="item1">退</p>
                        <p class="item1">改签</p>
                        <p class="item2">小吃</p>
                        <p class="item2">折扣卡</p>
                    </div>
                    <div class="main4">
                        <span>卡</span>
                        <p>开卡特惠，首单1张最高立减4元</p>
                    </div>
                </div>`
        }
        document.querySelector('.list').innerHTML = listMain
    });
}
getData('深圳');


